*{
    padding:0px;
    margin:0px
}

.background{
    width:1519.55px;
    height:820px;
    background-image:url(../image/index-background.jpeg);
    background-size:cover;
    /* position:fixed; */
}

.white-background{
    background-color:#ffffff;
    width:900px;
    height:800px;
    position:relative;
    position:absolute;
    top:8px;
    right:230px;
    box-shadow: 10px 5px 20px rgba(255,255,255,0.7);
    display:flex;
    flex-direction:column;
    align-items:center;
    border-radius:15px;
}

.head-img{
    position:relative;
    position:absolute;
    top:50px;
    right:1190px;
    border-radius:50%;
    box-shadow:10px 5px 30px rgba(0,0,0,0.5);
}

.headimg-bottom-text{
    color:#000;
    position:relative;
    position:absolute;
    top:250px;
    right:1170px;
    display:flex;
    flex-direction:row;
}

.headimg-bottom-text li{
    margin-right:25px;
    font-size:18px;
    font-weight:130;
}

.headimg-bottom-dig{
    color:rgba(250,250,250,0.6);
    /* position:relative; */
    /* position:absolute;
    top:280px;
    right:1257px; */
    display:flex;
    flex-direction:row;
    font-size:17.7px;
}

.dig-l1{
    position:relative; 
    position:absolute;
    top:280px;
    right:1328px;
}

.dig-l2{
    position:relative; 
    position:absolute;
    top:280px;
    right:1268px;
}

.dig-l3{
    position:relative; 
    position:absolute;
    top:280px;
    right:1207px;
}

.nav-ul{
    width:220px;
    height:290px;
    position:relative;
    position:absolute;
    top:310px;
    right:1160px;
    text-align:center;
}

.nav-ul li a{
    text-decoration:none;
    color:rgba(249,249,249,0.7);
    font-size:19px;
}

/* #no{
    background-color:#ff5d78;
    width:80px;
    overflow:hidden;
    padding:8px;
    border-radius:8px;
    box-shadow:10px 5px 20px rgba(0,0,0,0.3);
} */

.nav-ul li{
    margin:25px;
}

.nav-ul .yes:hover{
    background-color:rgba(0,0,0,0.1);
    border-radius:8.5px;
    padding:8px;
}

.titleimg{
    position:relative;
    position:absolute;
    top:15px;
    right:263px;
    border-radius:18px;
}

.title-img-background{
    width:850px;
    height:150px;
    position:relative;
    position:absolute;
    top:185px;
    right:263px;
    background:linear-gradient(to top, rgba(0,0,0,0.55), transparent);
    border-radius:18px;
}

.title-img-text{
    color:white;
    position:relative;
    position:absolute;
    top:260px;
    right:800px;
}

.title-bottom-label-1{
    background-color:#ffe5e9;
    color:#ff5d77;
    width:140px;
    height:20px;
    padding:5px 8px;
    border-radius:15px;
    position:relative;
    position:absolute;
    top:350px;
    right:955px;
    transition:all 0.6s;
}

.title-bottom-label-2{
    text-decoration:none;
    background-color:#ffebdd;
    color:#ff7b25;
    width:110px;
    height:20px;
    padding:5px 8px;
    border-radius:15px;
    position:relative;
    position:absolute;
    top:350px;
    right:815px;
    transition:all 0.6s;
}

.title-bottom-label-1:hover{
    transform:scale(1.05);
}

.title-bottom-label-2:hover{
    transform:scale(1.05);
}

.body-1-title{
    position:relative;
    position:absolute;
    top:410px;
    right:885px;
}

.body-1-title-hr{
    color:rgba(0,0,0,0.05);
    position:relative;
    position:absolute;
    top:470px;
    right:230px;
}

.body-1-title-hr-box{
    background-color:#ff4e6a;
    height:8px;
    width:32px;
    position:relative;
    position:absolute;
    top:466.35px;
    right:885px;
    border-radius:15px;
    transition:width 2s;
    -webkit-transition:width 2s;
}

.body-1-title-hr-box:hover{
    width:100px;
}

.body-1-text{
    position:relative;
    position:absolute;
    top:490px;
    right:435px;
}

.body-2-title{
    position:relative;
    position:absolute;
    top:550px;
    right:940px;
}

.body-2-text{
    position:relative;
    position:absolute;
    top:590px;
    right:255px;
}

.bottom{
    display:flex;
    flex-direction:row;
    position:relative;
    position:absolute;
    top:760px;
    right:920px;
}

.bottom-label-1{
    background-color:#ffe5e9;
    color:#ff5570;
    width:auto;
    height:20px;
    border-radius:15px;
    text-decoration:none;
    margin:7px;
    padding:5px 9px;
}

.bottom-label-2{
    background-color:#ffebdd;
    color:#ff7a25;
    width:auto;
    height:20px;
    border-radius:15px;
    text-decoration:none;
    margin:7px;
    padding:5px 9px;
}

.bottom-label-3{
    background-color:#d9faff;
    color:#0fddff;
    width:auto;
    height:20px;
    border-radius:15px;
    text-decoration:none;
    margin:7px;
    padding:5px 9px;
}

.bottom-ul-li-1{
    transition:all 0.6s;
}

.bottom-ul-li-1:hover{
    transform:scale(1.1);
}

.bottom-ul-li-2{
    transition:all 0.6s;
}

.bottom-ul-li-2:hover{
    transform:scale(1.1);
}

.bottom-ul-li-3{
    transition:all 0.6s;
}

.bottom-ul-li-3:hover{
    transform:scale(1.1);
}